<template>
    <div class="container">
<!--        <div class="header-img">-->
<!--            <img :src="data.pic"-->
<!--                 class="hd-img-responsive"/>-->
<!--        </div>-->
<!--        <div class="split"></div>-->
        <div class="notice-content" v-html="data.active">
        </div>
    </div>
</template>

<script>import { getEpidemicSituationInfo } from '@/api/yi-qing-fang-kong.js'
export default {
  name: 'index',
  data () {
    return {
      data: {}

    }
  },
  methods: {
    info (id) {
      let data = { id: id }
      getEpidemicSituationInfo(data).then(ret => {
        this.data = ret.data.data
        console.log(ret.data)
      })
    }
  },
  mounted () {
    let id = this.$route.query.id
    this.info(id)
  }
}
</script>

<style scoped>
    .title{
        font-size: 14px;
        font-weight: bold;
    }
    .container {
        margin-bottom: 45px;
    }
    .split {
        height: 12px;
        background-color: rgba(238,238,238,.3);
    }
    .container>>>.van-tabs__line {
        background-color: #6AABDE;
    }
    .subsidy-title {
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        margin: 10px;
        padding: 5px 10px;
        background-color: #6AABDE;
        color: white;
        border-radius: 5px;
    }
    .subsidy-ticket-group {
        margin: 20px;
        /* display: flex;
         align-items: center;
         overflow-x: scroll;
         overflow-y: hidden;
         white-space: nowrap;*/
    }
    .subsidy-ticket-group>.item {
        border-radius: 5px;
        background: -webkit-linear-gradient(left, #a5d0f0 , #6AABDE); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #a5d0f0, #6AABDE); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #a5d0f0, #6AABDE); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #a5d0f0 , #6AABDE); /* 标准的语法 */
        color: white;
    }
    .subsidy-ticket-group>.item>div {
        width: 100%;
        text-align: left;
    }
    .subsidy-ticket-group>.item.style-1 {
        margin-bottom: 10px;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .subsidy-ticket-group>.item.style-1>.con-left {
        margin-right: 10px;
    }
    .subsidy-ticket-group>.item.style-1 .logo {
        height: 50px;
        width: 50px;
        /*margin-right: 8px;*/
    }
    .subsidy-ticket-group>.item .price {
        font-size: 24px;
        font-weight: bold;
    }
    .subsidy-ticket-group>.item .price>em {
        font-size: 12px;
    }
    .subsidy-ticket-group>.item .desc {
        font-size: 12px;
    }
    .notice-content {
        padding: 10px;
    }
    .notice-content>p {
        padding: 0;
        margin: 0;
        text-indent: 2em;
        font-size: 12px;
        color: #333333;
        margin-bottom: 5px;
        line-height: 20px;
        text-align: justify;
    }
    .get-subsidy-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 45px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .get-subsidy-btn>.con-left {
        font-size: 14px;
        color: #6AABDE;
        padding-left: 10px;
        height: 45px;
        width: 70%;
        display: flex;
        align-items: center;
    }
    .get-subsidy-btn>.con-left>em {
        font-weight: bold;
    }
    .get-subsidy-btn>.con-right {
        font-size: 14px;
        height: 45px;
        width: 30%;
        background-color: #6AABDE;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .container>>>.van-tab {
        font-size: 12px;
    }
    .tab-group {
        padding: 10px;
        background-color: #f5f5f5;
    }
    .store-group>.item {
        display: flex;
        align-items: center;
        background-color: white;
        margin-bottom: 10px;
        padding: 10px 0 10px 10px;
    }
    .store-group>.item>.con-left {
        width: 80%;
    }
    .store-group>.item>.con-left>.title {
        font-size: 12px;
        font-weight: bold;
        margin: 3px;
    }
    .store-group>.item>.con-left>.address {
        font-size: 12px;
        color: gray;
        display: flex;
        align-items: center;
    }
    .store-group>.item>.con-right {
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #6AABDE;
    }
    .style2-bg {
        position: absolute;
        height: 100px;
        width: auto;
        /*right: 18px;*/
        /*top: 50px;*/
    }
    .bottom{
        width: 100%;
        float: right;
        text-align: right !important;
    }
    /*.style2-bg1 {*/
    /*    position: absolute;*/
    /*    height: 100px;*/
    /*    width: auto;*/
    /*    right: 18px;*/
    /*    top: 150px;*/
    /*}*/

</style>
